<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <title>项目详情</title>
    <link rel="stylesheet" href="../../css/reset.css" />
    <style>
        body {
            width: 100%;
            background-color: #f6f6f6;
            font-size: 0.26rem;
            padding-top: 0.5rem;
            height: auto;
            padding-bottom: 0.26rem;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: PingFang SC;
            color: #333333;
            padding-bottom: 1.3rem;
        }

        .testFix {
            width: 100%;
            height: 1rem;
            position: fixed;
            top: 0;
            left: 0;
            background: url("../../image/bgfirst.png") no-repeat center;
            background-size: 100% 100%;
            z-index: 100;
        }

        .head {
            width: 100%;
            height: 47px;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            box-sizing: border-box;
            padding: 0 0.26rem;
        }

        .head img {
            width: 0.21rem;
            height: 0.36rem;
        }

        .head_title {
            font-size: 0.32rem;
            color: #333333;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .showimg {
            width: 100%;
            height: 4.22rem;
        }

        .showimg img {
            width: 100%;
            height: 4.22rem;
        }

        .showItemheader {
            width: 100%;
            height: auto;
            background: url("../../image/bgg.png") no-repeat center;
            background-size: cover;
            margin-top: 3%;
            padding: 0 0.3rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            box-sizing: border-box;
        }

        .showItemheader>p {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            padding-top: 0.39rem;
            box-sizing: border-box;
            margin-bottom: 0.2rem;
        }

        .showItemheader>p>span {
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(38, 38, 38, 1);
            margin-left: 0.15rem;
        }

        .mechinDetail {
            width: 100%;
            height: auto;
            background: rgba(254, 255, 255, 1);
            box-shadow: 0px 0.14rem 0.35rem 0px rgba(224, 224, 224, 0.1);
            border-radius: 0.06rem 0.06rem 0 0;
        }

        .showTags {
            width: 100%;
            height: 0.8rem;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0 0.3rem;
            box-sizing: border-box;
            padding-top: 0.32rem;
        }

        .showTags span {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            box-sizing: border-box;
            padding: 0.02rem 0.12rem;
            background: rgba(253, 248, 236, 1);
            opacity: 0.99;
            color: rgba(216, 144, 5, 1);
            border-radius: 0.06rem;
            min-width: 1.4rem;
            margin-right: 0.1rem;
            font-size: 0.22rem;
        }

        .mechinDetail ul {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        .mechinDetail ul li {
            width: 100%;
            height: 0.5rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0.3rem;
            box-sizing: border-box;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
        }

        .showDayIncome {
            width: 6.9rem;
            height: auto;
            margin-left: calc((100% - 6.9rem) / 2);
            background-color: #ffffff;
            box-sizing: border-box;
            padding: 0 0.3rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding-bottom: 0.27rem;
        }

        .showDayIncome>p:first-of-type {
            width: 100%;
            height: 0.5rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            margin-bottom: 0.1rem;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
        }

        /* .showDayIncome>p:last-of-type {
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
        } */

        /* .showDayIncome .showCnyNum {
            position: absolute;
            right: 0.4rem;
            top: 0.4rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(153, 153, 153, 1);
        } */

        .showtodayNum {
            width: 6.9rem;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            margin-left: calc((100% - 6.9rem) / 2);
            border-radius: 0 0 0.1rem 0.1rem;
        }

        .boxToday {
            width: 6.29rem;
            height: 1.83rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: #FAFAFA;
            border-radius: 0.1rem;
            margin-bottom: 0.3rem;
            padding: 0 0.26rem;
            box-sizing: border-box;
        }

        .boxToday p {
            width: 100%;
            height: 0.56rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(153, 153, 153, 1);
        }

        .boxToday p>span:first-of-type {
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

        .boxToday p>span:last-of-type {
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(38, 38, 38, 1);
        }

        .boxToday p img {
            width: 0.27rem;
            margin-left: 0.1rem;
        }

        .boxToday p>b {
            position: absolute;
            right: 0;
            top: 0.4rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(153, 153, 153, 1);
        }

        .boxToday p:last-of-type {
            margin-top: 0.2rem;
        }

        .showIcon {
            width: 6.9rem;
            height: 1rem;
            margin: 0.2rem 0;
            margin-left: calc((100% - 6.9rem) / 2);
            background-color: #fff;
            padding: 0 0.25rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            border-radius: 0.1rem;
        }

        .showIcon img:first-of-type {
            width: 0.47rem;
            height: 0.52rem;
            margin-right: 0.1rem;
        }

        .showIcon b {
            font-size: 0.28rem;
            font-family: PingFang SC;
            color: rgba(38, 38, 38, 1);
            margin-right: 0.1rem;
            font-weight: normal;
        }

        .showIcon img:last-of-type {
            width: 0.27rem;
            height: 0.27rem;
        }

        .showAboutMachine {
            width: 6.9rem;
            margin: 0.2rem 0;
            margin-left: calc((100% - 6.9rem) / 2);
            background-color: #fff;
            border-radius: 0 0 0.1rem 0.1rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0.11rem 0.1rem 0.31rem 0.1rem;
            box-sizing: border-box;
            margin-top: 0;
        }

        .headText {
            width: 6.9rem;
            margin: 0.2rem 0;
            margin-left: calc((100% - 6.9rem) / 2);
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            padding: 0.2rem 0 0.1rem 0;
            margin-bottom: 0;
        }

        .headText>p {
            position: relative;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(153, 153, 153, 1);
        }

        .showtextdetail {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            margin-top: 0.4rem;
        }

        .showtextdetail p {
            width: 100%;
            height: auto;
        }

        .showtextdetail p:first-of-type {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.3rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(89, 89, 89, 1);
        }

        .showtextdetail p:last-of-type {
            width: 100%;
            height: auto;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            margin-top: 0.1rem;
        }

        .startTime {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(89, 89, 89, 1);
            margin-top: 0.4rem;
        }

        .startTime li {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.4rem;
        }

        .startTime li>span:last-of-type {
            color: rgba(38, 38, 38, 1);
        }

        .showButton {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            margin-top: 0.23rem;
            position: fixed;
            bottom: 0.2rem;
            left: 0;
            z-index: 50;
        }

        .showButton button {
            width: 6.54rem;
            height: 0.8rem;
            outline: none;
            border: none;
            background: rgba(255, 217, 64, 1);
            border-radius: 0.1rem;
            text-align: center;
            line-height: 0.8rem;
            font-size: 0.3rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
        }

        .back {
            background-color: #f1f1f1;
            border-radius: 0 0 0 0.1rem;
        }

        .transform {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

        .machineTextTips {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: flex-start;
            justify-content: center;
            margin: 0.2rem 0;
            box-sizing: border-box;
            overflow: hidden;
        }

        .machineTextTips img {
            max-width: 100%;
        }

        .showMyincomeNum {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin: 0.1rem 0;
            border-radius: 0.08rem;
            overflow: hidden;
        }

        .showMyincomeNum>p {
            width: 100%;
            height: 0.72rem;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
        }

        .showMyincomeNum>p {
            width: 100%;
            height: 0.72rem;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            font-size: 0.3rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(38, 38, 38, 1);
        }

        .showMyincomeNum>p img {
            width: 0.46rem;
        }

        .showMyincomeNum>div:first-of-type {
            width: 100%;
            height: auto;
            background-color: #fff;
            padding: 0 0.3rem;
            box-sizing: border-box;
        }

        .showPige {
            width: 100%;
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(153, 153, 153, 1);
            background-color: rgba(250, 250, 250, 1);
            padding: 0.27rem;
            box-sizing: border-box;
        }

        .showListData {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 500;
            margin-top: 0.2rem;
        }

        .showListData>div {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
        }

        .showListData>div:not(:last-of-type) {
            margin-bottom: 0.2rem;
        }

        .showListData>div>p {
            width: 1.7rem;
            margin-right: 0.1rem;
        }

        .showAboutText {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            overflow: hidden;
        }

        .ingloss {
            width: auto;
            height: 0.28rem;
            background-color: #FFAB1A;
            max-width: 6rem;
        }

        .rageText {
            color: #F44E27;
            margin: 0 0.08rem;
        }

        .showMyincomeNum>div:last-of-type {
            width: 100%;
            height: auto;
            background-color: #fff;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(180, 180, 180, 1);
            line-height: 0.3rem;
            padding: 0 0.3rem;
            box-sizing: border-box;
            padding: 0.32rem;
        }

        .showMyincomeNum>div:last-of-type>span {
            color: #595959;
        }
    </style>
</head>

<body>
    <div class="testFix">
        <div class="head" style="position: relative">
            <span id="goback"
                style="position: absolute;z-index: 1;left: 0;padding: 0 0.3rem; padding-right: 0.5rem;top: 0;height: 100%; box-sizing: border-box;line-height: 47px;">
                <img src="../../image/left_jiantouax.png" alt="" style="width: 10px;height: auto" />
            </span>
            <span class="head_title" style="display: block;width: 100%;text-align: center">
                合约包详情
            </span>
            <span style="display: inline-block;width: 0.21rem;height: 0.36rem;">
            </span>
        </div>
    </div>
    <div class="showItemheader">
        <p>
            <img src="../../image/iconbsasx.png" id="imgSrcchange"
                style="width: 0.67rem;height: 0.3rem;border-radius:0.08rem;">
            <span class="name_th">

            </span>
        </p>
        <div class="mechinDetail">
            <p class="showTags">
                <!-- <span style="margin-right: 0.1rem;">
                    不可回购
                </span> -->
                <span class="regularData">
                    合约期180天
                </span>
                <span class="machineType" style="display: none;">
                    不包电费
                </span>
            </p>
            <ul>
                <li>
                    <span>
                        单份金额
                    </span>
                    <span>
                        <span class="deposit" style="margin-left: 0.1rem;">0</span>
                        <span class="moneyType samllText">CNY</span>
                        <span class="samllText hideother" style="display: none;">&nbsp;/&nbsp;&nbsp;</span>
                        <span class="showUsdtNum hideother" style="display: none;">0</span>
                        <span class="samllText hideother" style="display: none;">USDT</span>
                    </span>
                </li>
                <li>
                    <span>
                        单份BTC算力
                    </span>
                    <span class="unitPower">
                        0T/份
                    </span>
                </li>
                <li class="showBhpNum" style="display: none;">
                    <span>
                        单份BHP参配算力
                    </span>
                    <span class="unitBhpPower">
                        0T/份
                    </span>
                </li>
                <li>
                    <span>
                        分币比例
                    </span>
                    <span style="color: #F67311;" class="distributionRate">
                        0%
                    </span>
                </li>
                <li>
                    <span>
                        剩余算力
                    </span>
                    <span class="unitPowerLimit">
                        0T
                    </span>
                </li>
                <li class="machineTypeHide" style="display: none;">
                    <span>
                        合约电价
                    </span>
                    <span class="elecPrice">
                        0T
                    </span>
                </li>
                <li>
                    <span>
                        合约有效期
                    </span>
                    <span class="regularDays">
                        180天
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <div class="showDayIncome">
        <p>
            <span>
                预计每日产币
            </span>
            <span class="changeDisplay" style="display: block;">
                <span class="todayBtcNum">
                    0.00000000 BTC
                </span>
                <b class="showBhpNum" style="display: none;">
                    /<span class="todayBhpCny">0.00</span>BHP
                </b>
            </span>
        </p>
        <!-- <p>
            每日产币价值-每日电费成本
        </p> -->
    </div>
    <div class="showtodayNum" style="display: none;">
        <div class="boxToday">
            <p>
                <span class="todayCoinExplain">
                    预计每日产币价值/份 <img src="../../image/iconshouyibaozhang.png" alt="">
                </span>
                <span class="todayBtcIncome">
                    0.00000000 BTC
                </span>
                <b class="showCnyNum">
                    ≈<span class="totalCnyNum">0.00</span> CNY
                </b>
            </p>
            <p>
                <span class="todayElecExplain">
                    预计每日电费成本/份 <img src="../../image/iconshouyibaozhang.png" alt="">
                </span>
                <span class="elecBtcNum">
                    0.00000000 BTC
                </span>
                <b class="showCnyNum">
                    ≈<span class="elecOutCny">0.00</span> CNY
                </b>
            </p>
        </div>
    </div>
    <div class="showIcon" style="display: none;">
        <img src="../../image/iconsuanlibaox.png"> <b>算力宝提供<span class="stopLossRote"></span>%回本保障，回本后7/3分</b> <img
            src="../../image/iconjieshaoasx.png" alt="">
    </div>
    <div class="showMyincomeNum">
        <p>
            <img src="../../image/iconleftyuanx.png" style="margin-right: 0.26rem;">
            收益测算
            <img src="../../image/iconleftyuanx.png" style="margin-left: 0.26rem;">
        </p>
        <div>
            <div class="showPige">
                <p>
                    币价/<span class="rentDayas" style="color: #FFA710;">360天</span>收益率(净收益预估)
                </p>
                <div class="showListData">
                    <!-- <div>
                        <p>
                            999999.00 CNY
                        </p>
                        <div class="showAboutText">
                            <p class="ingloss">
                            </p>
                            <span class="rageText">
                                8.61%
                            </span>
                            <span>
                                XXXX CNY
                            </span>
                        </div>
                    </div> -->
                </div>
                <p style="font-size:0.2rem;">
                    历史最高币价
                </p>
            </div>
        </div>
        <div>
            *测算基准：<span>BTC产量<span class="btcTodayIncome">--</span>/T ，<span class="isShowBhp"
                    style="display: none;">BHP产量<span class="bhpTodayIncome">--</span>/T，BHP价格<span
                        class="bhpTodayPrice">--</span>CNY</span></span>
            实际数据随矿池及市场环境波动，仅供参考。
        </div>
    </div>
    <div class="headText" style="background-color: #ffffff;">
        <p>
            <img src="../../image/iconleftyuanx.png" style="width: 0.46rem;margin-right: 0.26rem;">
            合约概述
            <img src="../../image/iconleftyuanx.png" style="width: 0.46rem;margin-left: 0.26rem;">
        </p>
    </div>
    <div class="showAboutMachine">
        <div class="machineTextTips">

        </div>
    </div>
    <div class="showButton">
        <button id="goRentPage">
            立即下单
        </button>
    </div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/dotmin.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            if (app.isiPhone10) {
                $(".phoneToast").height("30px");
                $(".showButton").css("padding-bottom", "30px");
                var bodyPa = Number($(".showButton").height()) + 10 + 30;
                $("body").css("padding-bottom", bodyPa + "px");
            }
            var account = app.getAccount();
            var machineId = api.pageParam.itemId;
            var machineTypeNew = api.pageParam.machineType;
            $("#goback").on("click", function () {
                api.closeWin();
            });
            $(".todayElecExplain").click(function () {
                var param = {
                    dtype: "dialog12",
                    data: {
                        title: "电费成本说明",
                        text: "每日电费=电价*矿机功耗*24小时*到手总算力"
                    }
                };
                app.dialog(param);
            })
            $(".todayCoinExplain").click(function () {
                var param = {
                    dtype: "dialog12",
                    data: {
                        title: "产币说明",
                        text: "每日产出收益=到手总算力*每T算力产币量"
                    }
                };
                app.dialog(param);
            })
            $(".showIcon").click(function () {
                if (app.ST == "ios") {
                    app.onEvent("count", "highbtcComputational");
                } else {
                    app.onEvent("count", "highbtcComputationalanzhuo");
                }
                var param = {
                    dtype: "dialog70"
                };
                app.dialog(param);
            })
            function loadpage(machineId) {
                app.ajaxPro({
                    url: "machine/get",
                    values: {
                        token: account.token,
                        machine_id: machineId
                    },
                    openFlower: true
                }, function (ret) {
                    if (ret.code == 200) {
                        var machineData = ret.data.machine;
                        $(".unitPower").text(machineData.base_power + "T");
                        $(".unitPowerLimit").text(app.accMul(machineData.base_power, machineData.productNum) + "T");
                        $(".regularData").text("合约期" + machineData.regular_date_num + "天");
                        $(".regularDays").text(machineData.regular_date_num + "天");
                        $(".name_th").text(machineData.name);
                        $(".rentDayas").text(machineData.constract_date_num + "天");
                        if (machineData.insurance_id) {
                            $(".showIcon").show();
                            $(".stopLossRote").text(machineData.insurance.stop_loss_rate);
                        }
                        $(".btcTodayIncome").text(app.sliceNum(machineData.btcProduction, 8) + "BTC");
                        var depositPrice = machineData.good_deposit;
                        if (machineData.pay_channel.length > 1) {
                            $(".hideother").show();
                            $(".showUsdtNum").text(machineData.goods_deposit_usdt);
                        }
                        if (machineData.is_bhp_pos == 1) {
                            $(".bhpcshow,.isShowBhp").show();
                            $(".showBhpNum").show();
                            $(".unitBhpPower").text(machineData.bhp_power + "T");
                            $(".todayBhpCny").text(app.sliceNum(machineData.bhpIncome, 4));
                            $(".bhpTodayIncome").text(app.sliceNum(machineData.bhpProduction, 4) + "BHP");
                            $(".bhpTodayPrice").text(app.sliceNum(machineData.bhp_price, 4));
                        } else {
                            $("#imgSrcchange").css({
                                "width": "0.3rem",
                                "height": "0.3rem"
                            })
                            if (machineData.currency_code == "BTC") {
                                $("#imgSrcchange").attr("src", "../../image/iconasxx.png");
                            } else if (machineData.currency_code == "ETH") {
                                $("#imgSrcchange").attr("src", "../../image/iconcethx.png");
                            } else {
                                $("#imgSrcchange").attr("src", "../../image/icondltcx.png");
                            }
                            $(".showthisText").css("marginTop", "0.28rem");
                        }
                        var payCnyNum = 0, payUsdtNum = 0;//支付金额
                        for (var i = 0; i < depositPrice.length; i++) {
                            if (String(depositPrice[i].goods_deposit).indexOf(".") != -1) {
                                if (depositPrice[i].goods_deposit.split(".")[1] * Math.pow(10, 4) < 1) {
                                    depositPrice[i].goods_deposit = depositPrice[i].goods_deposit.split(".")[0]
                                }
                            }
                            if (depositPrice[i].pay_currency == "CNY") {
                                $(".deposit").text(
                                    depositPrice[i].goods_deposit
                                );
                                payCnyNum = depositPrice[i].goods_deposit;
                            }
                            if (depositPrice[i].pay_currency == "USDT") {
                                $(".showUsdtNum").text(
                                    depositPrice[i].goods_deposit
                                );
                                payUsdtNum = depositPrice[i].goods_deposit
                            }
                        }
                        var maxWidth = 0.4;//横线100%的宽度
                        var predict_income_level = machineData.predict_income_level;
                        for (var i in predict_income_level) {
                            var item = predict_income_level[i];
                            item.income_rate = item.income_rate < 0 ? 0 : item.income_rate;
                            item.income_rate_100 = app.sliceNum(app.accMul(item.income_rate, 100), 2);
                            item.width = app.sliceNum(app.accMul(maxWidth, item.income_rate), 2) + 'rem';
                        }
                        var temp = doT.template($("#indent").text());
                        $(".showListData").html(temp(predict_income_level));
                        $(".machineTextTips").html(machineData.desc);
                        $(".totalCnyNum").text(machineData.predict_income);//每日产币价值;CNY
                        if (machineData.type == 11) {
                            $(".machineTypeHide,.machineType").show();
                            $(".elecOutCny").text(machineData.predict_electricity);
                            var unitElecBtcIncome = app.accDiv(machineData.predict_electricity, machineData.btc_price);//每日电费对应的BTC
                            $(".elecBtcNum").text(app.sliceNum(unitElecBtcIncome, 8) + machineData.currency_code);
                            var totalTodayCnyNum = app.numSub(machineData.predict_income, machineData.predict_electricity);//每日收益CNY
                            $(".todayCnyNum").text(totalTodayCnyNum);
                            $(".elecPrice").text(app.sliceNum(machineData.electric_price.CNY, 2) + "CNY/度");
                            $(".machinePower").text(machineData.mine_power + "KW/T")
                        }
                        if (machineData.bhpIncome) {
                            $(".todayBhpCny").text(app.sliceNum(machineData.bhpIncome, 4)).show();
                        }
                        $(".distributionRate").text(app.accMul(machineData.distribution_rate, 100) + "%");
                        $(".todayBtcNum").text(app.sliceNum(machineData.btcIncome, 8) + "BTC");
                        $("#goRentPage").click(function () {
                            if (app.ST == "ios") {
                                app.onEvent("count", "highbtcdetail");
                            } else {
                                app.onEvent("count", "highbtcdetailanzhuo");
                            }
                            if (!app.isLogin()) {
                                // 跳转登录页面
                                app.toast("该操作需要登录");
                                app.goLogin(true);
                                return;
                            }
                            if (machineData.type == 11) {
                                var cointypecontract = {
                                    page: "common/headerwin",
                                    name: "payelecmethod_headerwin",
                                    param: {
                                        subpage: "mine/payelecmethod",
                                        name: "payelecmethod",
                                        title: "详情",
                                        machineData: machineData,
                                        userAset: ret.data.asset
                                    }
                                };
                                var recoinNumber = JSON.stringify(cointypecontract);
                                app.goPushPage(recoinNumber);
                            } else {
                                var cointypecontract = {
                                    page: "common/headerwin",
                                    name: "payelecmethod_other_headerwin",
                                    param: {
                                        subpage: "mine/payelecmethod_other",
                                        name: "payelecmethod_other",
                                        title: "详情",
                                        machineData: machineData,
                                        userAset: ret.data.asset
                                    }
                                };
                                var recoinNumber = JSON.stringify(cointypecontract);
                                app.goPushPage(recoinNumber);
                            }
                        })
                    } else {
                        app.toast(ret.message);
                    }
                })
            }
            loadpage(machineId);
            app.listen("elec_success", function () {
                app.closeW();
            }, 1000);
            app.listen("backFirstnew", function () {
                app.reload();
            })
            // $(".changeDisplay").click(function () {
            //     $(".showtodayNum").slideToggle(100);
            //     $(".changeDisplay img").toggleClass('transform')
            // })
        };
    </script>
    <script id="indent" type="text/html">
        {{~it:value:index}}
        <div>
            <p>
                {{=value.btc_price}} CNY
            </p>
            <div class="showAboutText">
                <p class="ingloss" style="width:{{=value.width}};max-width:1.5rem;">
                </p>
                <span class="rageText">
                    {{=value.income_rate_100}}%
                </span>
                <span>
                    {{=value.income}} CNY
                </span>
            </div>
        </div>
        {{~}}
    </script>
</body>

</html>